<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
   		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>控件</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/viewer/processbar.css" rel="stylesheet" type="text/css" />
		
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/controls/control.js" type="text/javascript"></script>
		<script src="../../py/system/controls/processbar.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
	    <script type="text/javascript">
	    
	        
	     a =	new ProcessBar({
				value: 30,
				text: '下载...',
				renderTo: true
			});
			
			var fns = [
				["ProcessBar.prototype.setWidth", function () { return a.setWidth(200);  }],
				["ProcessBar.prototype.setValue", function () { return a.setValue(70);  }],
				["ProcessBar.prototype.getValue", function () { return a.getValue();  }],
				["ProcessBar.prototype.setText", function () { return a.setText("正在执行...");  }],
				["更改进度 0 -> 100", function () {window.p = 0;   return setInterval("a.setValue(p++)", 100);  }],
			]
	   
	    </script>
	</head>
	
	<body>
				
		<div class="x-processbar" style="width:400px;" id="b">
			
			<div class="x-processbar-fore" style="width:49%;"> 
				<div class="x-processbar-label" style="width:400px;">下载...</div>
			</div>
			
			<div class="x-processbar-back" style="width:400px;">
				下载...
			</div>
			
		</div>
	</body>
</html>
